<template>
  <div class="breadcrumb">
    <el-breadcrumb separator="/">
      <el-breadcrumb-item :to="{ path: '/' }">一级目录</el-breadcrumb-item>
      <el-breadcrumb-item>二级目录</el-breadcrumb-item>
      <el-breadcrumb-item>三级目录</el-breadcrumb-item>
    </el-breadcrumb>
  </div>
</template>

<script setup lang="ts"></script>

<style scoped lang="scss">
.breadcrumb {
  margin-bottom: 16px;

  :deep(.el-breadcrumb) {
    .el-breadcrumb__inner {
      font-size: 16px;
      font-weight: 500;
      color: $primary;

      &.is-link {
        color: #8691a3;
      }
    }
  }
}
</style>
